<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="cache-control" content="no-cache">
		<title>Drift Bottle</title>
		<script></script>
		<link rel="stylesheet" type="text/css" href="css/bottle.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.window.css" />
		<link media="screen" rel="stylesheet" type="text/css" href="css/facebox.css"/>

	  <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> -->
		<script type="text/javascript" src="js/jquery-1.6.2.js"></script>
		<script type="text/javascript" src="js/my.jquery.rotate.js"></script>
		<script src="js/facebox.js" type="text/javascript"></script>

	<script type="text/javascript">
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox({
        loadingImage : 'images/facebox/loading.gif',
        closeImage   : 'images/facebox/closelabel.gif'
      })
    })
  </script>

<style type="text/css">
<!--
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
-->
</style> 
  </head>
  <body>
  	<input type="button" value="move" onclick="wrecking()" />
  	<input type="button" value="test" onclick="throwTestFn()" />
  	<div class="weather_cloud" id="weather_cloud_rain"></div>
  	<div class="beach_sand"></div>
  	<div class="wave"></div>
    <div class="container" id="bottle_container">
  		<div id="toolbar" class="bottle_toolbar">
  			<img id="throwBut" class="throwBut" src="images/bottle/toolbar_throw.gif" />
  			<img id="wreckBut" class="wreckBut" src="images/bottle/toolbar_throw.gif" />
  			<img id="myBottleBut" class="myBottleBut" src="images/bottle/toolbar_throw.gif" />
  		</div>
  	</div>
  	<div id="animators">
  		<img id="salvage" class="salvage" src="images/salvage_ie6[1].png" />
  		<img id="bottle" class="bottle" src="images/bottle/salvage0[1].png" /> 
  		<img id="throwTest" class="throwTest" src="images/bottle/salvage2[1].png " />
    </div> 

	<a href="#dialogues" rel="facebox">text</a>
    <div id="dialogues" style="display:none;">
      <div style="padding:10px;">
        <fieldset width="100%">
        	<legend>Secret Bottle</legend>
        	<img id="senderPortrait" src="images/friends/40862858.png" />
        	<textarea id="msgContent" rows="4" cols="40" readonly="readonly" disabled="disabled">我和老婆在吉大图书馆的楼道里那个了！
        	</textarea>
        	<div id="info" style="float:right;"><span style="font-size:12px;">1 minute ago<br />From Beijing<br />1st floor</span></div>
        </fieldset>
        <br />
        <fieldset width="100%">
        	<legend>Keep Passing</legend>
        	<textarea id="msgContent" rows="4" cols="64"></textarea>
        	<div id="replyToolBar">
        	  <span style="font-size:12px">Add: (smile-pic)</span>
        	  <div id="actions" style="float:right">
        	    <input id="send" type="button" value="Sending" />
        	    <input id="thrBack" type="button" value="Throwing Back" />
        	  </div>
        	</div>
        </fieldset>
      </div>
    </div>

  </body>
</html>